#catInOut.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/inout.png') no-repeat;
    background-size: 100% auto;
}

#catInOut.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/inout2.png') no-repeat;
    background-size: 100% auto;
}

#catControl.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/ctrl.png') no-repeat;
    background-size: 100% auto;
}

#catControl.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/ctrl2.png') no-repeat;
    background-size: 100% auto;
}

#catMath.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/math.png') no-repeat;
    background-size: 100% auto;
}

#catMath.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/math2.png') no-repeat;
    background-size: 100% auto;
}

#catLogic.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/logic.png') no-repeat;
    background-size: 100% auto;
}

#catLogic.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/logic2.png') no-repeat;
    background-size: 100% auto;
}

#catText.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/text.png') no-repeat;
    background-size: 100% auto;
}

#catText.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/text2.png') no-repeat;
    background-size: 100% auto;
}

#catVar.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/var.png') no-repeat;
    background-size: 100% auto;
}

#catVar.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/var2.png') no-repeat;
    background-size: 100% auto;
}

#catFun.blocklyTreeRow>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/func.png') no-repeat;
    background-size: 100% auto;
}

#catFun.blocklyTreeRow.blocklyTreeSelected>div.blocklyTreeRowContentContainer>span.blocklyTreeIcon {
    background: url('mixly2/common/media/mark/func2.png') no-repeat;
    background-size: 100% auto;
}